<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="有糖开放平台" />
    <meta name="description" content="有糖开放平台" />
    <link type="image/x-icon" href="images/favorite.ico" rel="shortcut icon" />
    <title>完善信息 - 有糖开放平台</title>
    <link rel="stylesheet" type="text/css" media="all"  href="css/ui-dialog.css" />
    <link rel="stylesheet" type="text/css" media="all"  href="css/style.css" />
</head>
<body>

<!-- 右侧悬浮 -->
<div class="warp_right">
    <div class="subPhone bg_icon">
        <div class="phone">400-720-9815 </div>
    </div>
    <div class="subTop bg_icon" id="gotop"></div>
</div>
<!-- 右侧悬浮END -->


<header class="warp_head bg_black"><div class="section">
    <div class="head_logo"><a href="index.html">有糖开放平台</a></div>
    <div class="head_menu">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="developer.html">开发者中心</a></li>
            <li><a href="manage.html" class="active">管理中心</a></li>
        </ul>
    </div>
    <div class="head_user">
        <a href="" class="hu_register">注册</a>
        <a href="" class="hu_login">登录</a>
        <!--<a href="" class="hu_register">退出</a>
        <a href="" class="hu_user"><img src="images/user.jpg" /></a>-->
    </div>
</div></header>

<div class="application">
    <div class="section">
        <div class="bread">
            <a href="manage.html">管理中心&gt;</a>应用接入
        </div>

        <div class="pointsRule">
            <ul class="clearbox">
                <li class="success"><a><span><em>1<s></s></em>创建</span><i></i></a></li>
                <li class="active"><a><span><em>2<s></s></em>完善信息</span><i></i></a></li>
                <li><a><span><em>3<s></s></em>提交审核</span></a></li>
            </ul>
        </div>

        <div class="app_info">
            <div class="sub_info">
                <h3 class="sub_title">基本信息</h3>
                <table>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用名称：</td>
                        <td><input type="text" placeholder="应用名称最多输入20个字" /><span class="sub_tips">不能超过20个字</span><div class="sub_explain">已上线应用不能修改应用名称。</div></td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用类型：</td>
                        <td><input type="radio" name="type" checked>免费游戏 <input type="radio" name="type">软件</td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用子分类：</td>
                        <td>
                            <select><option>请选择子分类</option><option>游戏</option><option>游戏</option><option>游戏</option></select>
                            <span class="sub_tips">请选择子分类</span>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用简介：</td>
                        <td><textarea placeholder="应用简介（60至500字）"></textarea><span class="sub_tips">内容字数为60个汉字以上、500个汉字以内</span></td>
                    </tr>
                </table>
            </div>
            <div class="sub_info">
                <h3 class="sub_title">图标素材</h3>
                <table>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用小图标：</td>
                        <td>
                            <input type="file" id="upload_mini"/><label for="upload_mini" class="upload_add upload_mini" ></label>
                            <!--<a href="" class="upload_update">修改</a>-->
                            <span class="sub_tips">请上传应用小图标</span><div class="sub_size">尺寸16x16，大小20K以内，PNG格式的图片</div>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用图标：</td>
                        <td>
                            <input type="file" id="upload_icon"/><label for="upload_icon" class="upload_add upload_icon" ></label>
                            <span class="sub_tips">请上传应用图标</span><div class="sub_size">尺寸512*512，大小200K以内，JPG、PNG格式，建议使用直角图标</div>
                        </td>
                    </tr>
                    <tr>
                        <td><i class="fcolor_red">*</i>应用截图：</td>
                        <td>
                            <div class="upload">
                                <div class='gridly'>
                                    <div class='brick small'>
                                        <div class="imgBox">
                                            <img src="images/app.jpg" />
                                            <div class="img_opreat">
                                                <div class="img_opreat_a">
                                                    <a href="" class="ioa_update">更新</a>
                                                    <a href="" class="ioa_del delete">删除</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class='brick small'>
                                        <div class="imgBox">
                                            <img src="images/app.jpg" />
                                            <div class="img_opreat">
                                                <div class="img_opreat_a">
                                                    <a href="" class="ioa_update">更新</a>
                                                    <a href="" class="ioa_del delete">删除</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class='brick small'>
                                        <div class="imgBox">
                                            <img src="images/app.jpg" />
                                            <div class="img_opreat">
                                                <div class="img_opreat_a">
                                                    <a href="" class="ioa_update">更新</a>
                                                    <a href="" class="ioa_del delete">删除</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <input type="file" id="upload_screenshot"/><label for="upload_screenshot" class="upload_add upload_screenshot" ></label>
                            </div>
                            <!--<span class="sub_tips">请上传至少2张应用截图</span>-->
                            <div class="sub_size">请上传2-5张截图（尺寸保持一致），单张图片不超过1M。截图不能小于320*480像素，推荐480*800像素。JPG、PNG格式。</div>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="sub_info sub_iphone">
                <h3 class="sub_title">终端信息（至少选一个终端）</h3>
                <h4 class="sub_minTitle">iPhone终端信息</h4>
                <table>
                    <tr>
                        <td>
                            URL schema:
                            <div class="review_drop">
                                <span>？</span>
                                <div class="rd_content">
                                    <i></i>
                                    提示信息提示信息提示信息提示信息提示信息
                                </div>
                            </div>
                        </td>
                        <td><input type="text" placeholder="移动端分享等API功能产生的信息会调用这个地址，方便用户安装该APP" /></td>
                    </tr>
                    <tr>
                        <td>
                            AppStore ID:
                            <div class="review_drop">
                                <span>？</span>
                                <div class="rd_content">
                                    <i></i>
                                    提示信息提示信息提示信息提示信息提示信息
                                </div>
                            </div>
                        </td>
                        <td><input type="text" placeholder="苹果商店iPhone应用程序编号APP ID" /></td>
                    </tr>
                    <tr>
                        <td>
                            Bundle ID:
                            <div class="review_drop">
                                <span>？</span>
                                <div class="rd_content">
                                    <i></i>
                                    提示信息提示信息提示信息提示信息提示信息
                                </div>
                            </div>
                        </td>
                        <td><input type="text" placeholder="移动端分享等API功能产生的信息会调用这个参数，方便用户在应用市场去安装该APP" /></td>
                    </tr>
                </table>
                <h4 class="sub_minTitle border-top">iPad终端信息</h4>
                <table>
                    <tr>
                        <td>
                            URL schema:
                            <div class="review_drop">
                                <span>？</span>
                                <div class="rd_content">
                                    <i></i>
                                    提示信息提示信息提示信息提示信息提示信息
                                </div>
                            </div>
                        </td>
                        <td><input type="text" placeholder="移动端分享等API功能产生的信息会调用这个地址，方便用户安装该APP" /></td>
                    </tr>
                    <tr>
                        <td>
                            AppStore ID:
                            <div class="review_drop">
                                <span>？</span>
                                <div class="rd_content">
                                    <i></i>
                                    提示信息提示信息提示信息提示信息提示信息
                                </div>
                            </div>
                        </td>
                        <td><input type="text" placeholder="苹果商店iPhone应用程序编号APP ID" /></td>
                    </tr>
                    <tr>
                        <td>
                            Bundle ID:
                            <div class="review_drop">
                                <span>？</span>
                                <div class="rd_content">
                                    <i></i>
                                    提示信息提示信息提示信息提示信息提示信息
                                </div>
                            </div>
                        </td>
                        <td><input type="text" placeholder="移动端分享等API功能产生的信息会调用这个参数，方便用户在应用市场去安装该APP" /></td>
                    </tr>
                </table>
            </div>

            <div class="sub_agreement"><input type="checkbox" checked /> 允许平台为我的应用提供<a href="javascript:void(0);" class="link_agreement">《最终用户协议》</a> </div>
        </div>
    </div>
</div>

<div class="application_bot">
    <a href="" class="bg_white">返回上一步</a>
    <a href="" >保存</a>
    <a href="" >提交审核</a>
</div>


</body>
<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.gridly.js"></script>
<script type="text/javascript" src="js/gptop.js"></script>
<script>
    $(function () {
        var n = $(".brick").length;
        var left = n*160;
        $(".upload_screenshot").css("left",left+"px");

        $(".ioa_del").click(function(){
            var n = $(".brick").length-1;
            var left = n*160;
            $(".upload_screenshot").css("left",left+"px");
        });

        $(".sub_info").hover(function(){
            $(this).addClass("active");
        },function(){
            $(this).removeClass("active");
        });

        $(".link_agreement").click(function () {
            var d = dialog({
                title: '最终用户协议',
                content: document.getElementById('pop_agreement')
            });
            d.showModal();
        });
    });
</script>
<script>
    (function() {
        $(function() {
           /* $('.gridly').gridly();
            $('.gridly').gridly('draggable');*/

            return $('.gridly .delete').click(function(event) {
                event.preventDefault();
                event.stopPropagation();
                $(this).closest('.brick').remove();
                return $('.gridly').gridly('layout');
            });
        });

    }).call(this);

</script>
</html>